<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box{
				width: 1100px;
				height: 800px;
				/* border: 2px solid green; */
			}
			header{
				width: 1000px;
				height: 150px;
			}
			h2{
				margin-left: 40px;
				line-height: 10px;
			}
			header p{
				font-style: italic;
				margin-bottom: 30px;
				margin-left: 40px;
			}
			ul{
				border-bottom: 1px solid lightgray;
				list-style: none;
			}
			.cheatfix:before{
				content: '';
				display: block;
				clear: both;
			}
			.clearfix:after{
				content: '';
				display: block;
				clear: both;
			}
			ul li{
				float: left;
				border: 1px solid lightgray;
				padding: 10px;
			}
			article{
				width: 1200px;
				height: 570px;
				/* border: 1px solid red ; */
			}
			.main{
				width: 600px;
				height: 600px;
				float: left;
				/* border: 2px solid red; */
				margin-left: 20px;
				margin-right: 60pxs;
			}
			.aside{
				padding: 20px 700px;
				width: 40%;
				height: 500px;
				/* border: 3px solid yellow; */
			}
			.main1{
				border: 1px solid lightgray;
				width: 598px;
				margin: 0;
			}
			.title{
				padding: 0;
				margin: 0;
				border: 1px solid green;
			}
			.main2{
				width: 598px;
				margin: 0;
			}
			.main3{
				border: 1px solid lightgray;
				width: 598px;
				margin: 0;
			}
			.main4 p{
				width: 590px;
				font-size: 14px;
				margin: 0;
			}
			.main5{
				border: 1px solid lightgray;
				margin: 0;
			}
			p{
				font-size: 14px;
			}
			.p1{
				margin: 0;
				font-size: 14px;
			}
			.p2,.p4{
				font-size: 14px;
				font-weight: 600;
				margin: 0;
			}
			.p3{
				font-size: 14px;
				margin: 0;
			}
			
			.p7,.p8,.p10{
				font-style: italic;
			}
			.p11{
				
			}
			
		</style>
	</head>
	<body>
		<div class="box">
			<header>
				<h2>名人名言</h2>
				<p>分享名人名言，开始一段触动心灵的智慧之旅跳到内容 </p>
				<ul class="clearfix">
					<li>登录</li>
					<li>关于</li>
					<li>名人名言</li>
					<li>英文名言(English)</li>
					<li>心理杂志</li>
					<li>心理书籍</li>
					<li>专题活动</li>
					<li>发表</li>
				</ul>
			</header>
			<article class="clearfix">
				<div class="main">
					<div class="main1">
						<h3 class="title">心理学经典名言的智慧</h3>
						<p class="p1">洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥<br />
						香，它总是能给人们带来心灵的滋养。</p>
					</div>
					<div class="main2">
						<p class="p2">
							创造力（creativity）有两个词根：Crera拉丁语的意思是"去创造"。Krainir希腊语的意思是"去实现"。所以 ，创造力不仅仅是一种想象力、一种天赋 ，创造力更是一种将自己的想法付诸实现的能力。 

						</p>
						<p class="p3">
							创造力（creativity）有两个词根：Crera拉丁语的意思是"去创造"。Krainir希腊语的意思是"去实现"。所以 ，创造力不仅仅是一种想象力、一种天赋 ，创造力更是一种将自己的想法付诸实现的能力。 

						</p>
						<p class="p4">发表在 未分类|标签：《换个脑袋去思考》，创造力|留下评论</p>
					</div>
					<h3 class="main3">作者简介</h3>
					<div class="main4">
						<p class="p4">
							如果你还没有注意到你有能力让对方作出你所希望得到的反应 ，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣 ，那么你就要先对他人产生兴趣 ；如果你想让他人紧张 ，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人 ，你可以在与下一个人交流时证实这一点。
						</p>
						<p class="p5">
							如果你还没有注意到你有能力让对方作出你所希望得到的反应 ，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣 ，那么你就要先对他人产生兴趣 ；如果你想让他人紧张 ，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人 ，你可以在与下一个人交流时证实这一点。
							
						</p>
						<p class="p6">发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论</p>
					</div>
					<div class="main5">
						<p class="p6">赞助广告</p>
						<img src="img/ad_2.jpg" width="100%" height="100%"/>
					</div>
				</div>
				<div class="aside">
					<p class="p7">赞助广告</p>
					<img src="img/ad.jpg"/>
					<p class="p8">搜索</p>
					<p class="p9">
						<input type="search" id="find" name="find" placeholder="点击搜索"/>
					</p>
					<p class="p10">标签</p>
					<p class="p11">60年语录 《犯罪心理》 世间百态 二十四史传统<br />
					名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗<br />
					语录 历史 友谊爱情 古代格言 名人名言 名人随语<br />
					 教子立人 新闻事件 李白 爱情语录 韩寒语录 </p>
				</div>
			</article>
		</div>
		
	</body>
</html>
